<!---模板的使用-->
<script src="vue.js"></script>
<div id="app">
    <p>{{title}}</p>
    <mcomponent></mcomponent>
</div>

<template id="temp1">
    <p>{{}}title</p>
</template>

<script>
    Vue.component('mcoponent',{
        data(){
            return{
                title:"组建标题名称"
            }
        },
        template:'#temp1'
    });
    var vue=new Vue({
            el:'#app',
            data:{
                title:"我是主页面标题"
            }
        })

    
</script>